<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title></title>
</head>
<body>
     <p>id属性的用途就是辨别网页上各个独一无二的元素。</p>
     <p>getElementByTagName()方法：抓取网页上所有特定类型的元素，比如：div,img等。</p>
     <p>innerHTML:既可以访问保存文本内容的元素，也能设置保存文本内容的元素。 可以取得元素的所有内容，包括HTML标签</p>
     <p>节点类型：元素节点和文本节点。</p>
     <p>document:代表文档本身。Element:HTML元素。tetx:元素文本内容，一定存储在元素下的子节点里。attribute:元素的属性，可透过元素节点访问。</p>
     <p>节点特性：nodeValue:存储于节点的值，只限文本节点和属性节点使用。 
                nodeType：节点类型(如果返回值为1,则为标签节点)。
                nodeName:节点名称。
                childNodes:节点下的所有子节点。
                firstCild:节点下的第一个子节点。
                lastChild:节点下的最后一个子节点。
     </p>
     <p>
     	设置属性值 setAttribute();
     	获取属性值 getAttribute();
     	移除属性值 removeAttribute();
     </p>
     <p>使用DOM改变节点文本：nodeValue特性可以改变节点文本，但是元素只能拥有一个节点。</p>
     <p>改变节点文本的三步骤：
              1,移除所有子节点（removeChild()）。
              2,根据新内容创建新的文本节点(createTextNode())。
              3,把新创建的文本子节点附加在节点下(appendChild())。
     </p>
     <p>DOM常用的方法：
               创建标签节点: document.createElement('需要创建的标签');
		       创建文本节点: document.createTextNode('文本的内容');
		       创建注释节点  document.createComment('注释的内容');
		       插入节点
			       appendChild(): 父节点.appendChild(子节点);
			       将子节点添加到父节点的末尾位置.
			       insertBefore(): 父节点.insertBefore(新节点,目标节点.firstElementChild);
			       将新节点添加到目标节点的前面
     </p>
</body>
</html>